<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>规格库存列表</title>
<meta name="keywords" content="">
<meta name="description" content="">

<link rel="shortcut icon" href="favicon.ico">
<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">

<style>
    .dz-message {
        text-align: center;
        margin: 2em 0;
    }

    .oriImage {
        border-radius: 5px;
        overflow: hidden;
        width: 120px;
        height: 120px;
        position: relative;
        display: block;
        z-index: 10;
    }
</style>

<link href="css/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet">
<!--dropzone-->
<link href="css/plugins/dropzone/dropzone.css" rel="stylesheet" type="text/css">

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/core.js"></script>
<body>
<!-- Modal -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">多规格图修改</h4>
            </div>
            <div class="modal-body">
                <div>
                    <div><h4 style="text-align: center">图片</h4></div>
                    <div>
                        <label>原多规格图</label>
                        <div id="origThumbPicDiv">
                            <div id="origThumbPic" style="background-color: #b4b4a4">
                                <!--<img src="">-->
                            </div>
                        </div>
                    </div>
                    <div>
                        <label>修改规格图</label>
                        <div id="editThumbPic" data-url="" class="sku-url-div dropzone" name="file">
                            <div id="editThumbPic-pre" style="background-color: #b4b4a4"
                                 class="dropzone-previews drop-preview"></div>
                            <div class="dz-message needsclick">
                                点击或拖拽文件至此处上传图片<br>
                                <span class="note needsclick">（只有一张，不上传则不修改）</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="saveEditSku()">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="cancelEditSku()">取消
                </button>
            </div>
        </div>
    </div>
</div>
<h2 style="text-align: center">SKU列表</h2>
<div class="ibox-content">
    <div class="btn-group hidden-xs" id="ListToolbar" role="group">
        <div style="float: left;margin: 0 5px 0 25px">
            <span>产品线筛选:</span>
        </div>
        <div style="float: left">
            <select id="groupType" name="" class="form-control">
                <option value="">全部</option>
                <option value="0">蜜哆哆</option>
                <option value="1">蜜雅阁</option>
                <option value="2">品牌馆</option>
            </select>
        </div>
        <div style="float: left;margin: 0 5px 0 25px">
            <span>库存筛选:</span>
        </div>
        <div style="float: left">
            <select id="inventory" name="" class="form-control">
                <option value="">全部</option>
                <option value="5">少于5件</option>
                <option value="10">少于10件</option>
                <option value="20">少于20件</option>
                <option value="50">少于50件</option>
            </select>
        </div>
        <div style="float: left;margin: 0 5px 0 25px">
            <span>规格筛选:</span>
        </div>
        <div style="float: left">
            <select id="curifUniformSpec" name="" class="form-control">
                <option value="">全部</option>
                <option value="0">统一规格</option>
                <option value="1">多规格</option>
            </select>
        </div>
    </div>
    <table id="sku_list_table" data-toolbar="#ListToolbar"></table>
</div>


<!--dropzone-->
<script src="js/plugins/dropzone/dropzone.js"></script>
<!--bootstrap-table-->
<script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<!--alert-beautify-->
<script src="js/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="js/alert-beautify.js"></script>

<script src="js/sku_list.js"></script>


</body>

</html>